@charset "utf-8";

.main{position:relative;margin-top:84px;width:100%;height:calc(100vh - 84px);min-height:750px;background-image:url('../image/technology_mb.png');background-size:cover;background-repeat:no-repeat;padding-top:111px;padding-bottom:121px;overflow:hidden;}
.technology_box{display:flex;align-items:center;}
.technology_left{margin-right:170px;}
.technology_lefttitle{color:#0562AF;font-weight:700;line-height:1.2;position:relative;display:inline-block;margin-bottom:24px;}
.technology_lefttitle::after{content:'';position:absolute;background:#0562AF;height:1px;width:40px;top:50%;left:110%;transform:translateY(-50%);}
.technology_lefttitle1{color:#333;font-style:normal;font-weight:400;line-height:1.5;margin-bottom:40px;}
.technology_lefttitlexq{}
.technology_lefttitlexq p{color:#666;font-size:18px;font-style:normal;font-weight:400;line-height:28px;margin-bottom:40px;}
.technology_right{padding-right:160px;}
.activitys_gos{display:flex;align-items:center;width:170px;height:60px;border-radius:999px;cursor:pointer;position:relative;z-index:99;background:linear-gradient(90deg,#FFA41C 0%,rgba(255,164,28,0.25) 100%);transition:0.78s;}
.activitys_gos:hover{background:linear-gradient(90deg,#FFA41C 0%,#ffb23f 100%);transition:background 0.3s ease;}
.activitys_gos:hover .gogo{transform:rotate(45deg);transition:0.6s;}
.gogo{transition:0.6s;}
.activitys_size{color:#FFF;line-height:normal;margin-left:26px;font-size:16px;font-style:normal;font-weight:400;}
.activitys_goicon{display:flex;align-items:center;}
.activitys_goicon>img{margin-left:21px;width:48px;height:48px;}
.technology_bj{position:relative;width:638px;height:638px;}
.technology_shuibj{width:100%;height:100%;}
.technology_shui{position:absolute;left:50%;top:50%;transform:translate(-45%,-48%) rotate(180deg);opacity:0;transition:2s;transition:2s cubic-bezier(0.175,0.885,0.32,1.275)}
.technology_shui.active{opacity:1;transform:translate(-45%,-48%) rotate(0deg);}
.technology_shuibj{transform:scale(0);transition:0.8s 0.6s cubic-bezier(0.175,0.885,0.32,1.275);}
.technology_shuibj.active{transform:scale(1);}
.ab1left{position:relative;z-index:2;width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.ab1left::after{position:absolute;left:0;top:0;content:"";width:100%;height:100%;background:rgba(255,164,28,0.2);border-radius:50%;z-index:-1;transition:0.4s;animation:scalcMove 3s infinite;}
@keyframes scalcMove{
    0%{transform:scale(1);opacity:1;}
    50%{transform:scale(1.3);opacity:0.2;}
    100%{transform:scale(1);opacity:1;}
}
.ab{cursor:pointer;display:flex;align-items:center;}
.ab:hover .ab1left .svg{transform:rotate(180deg);transition:.3s;}
.ab1left svg{transition:.3s;}
.ab1right{color:#0562AF;font-style:normal;font-weight:700;line-height:1.4;}
.ab1left{margin-right:12px;}
.ab1{position:absolute;right:-25%;top:50%;transform:translateY(0%);visibility:hidden;opacity:0;transition:0.78s;}
.ab1.active{transition:0.78s;opacity:1;visibility:visible;transform:translateY(-50%);}
.ab2 .ab1left{margin-left:12px;margin-right:0;}
.ab2{position:absolute;left:50%;transform:translateX(-76%);bottom:-15%;visibility:hidden;opacity:0;transition:0.78s;}
.ab2.active{transition:0.78s;opacity:1;visibility:visible;bottom:1%;}
.ab2 .ab1right{text-align:right;}
.ab3 .ab1left{margin-right:0;margin-left:12px;}
.ab3{position:absolute;left:-15%;top:36%;visibility:hidden;opacity:0;transition:0.78s;}
.ab3.active{top:24%;transition:0.78s;opacity:1;visibility:visible;}

/*eject*/
.m_hide{display:none!important;}
.his_tc{position:fixed;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:-999;left:0;top:0;opacity:0;}
.join-tc-box{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) translateY(100px);z-index:10;width:1062px;max-width:95%;height:448px;border-radius:16px;background:#FFF;opacity:0;transition:all .6s;}
.join-tc-box .md-close{position:absolute;right:0px;top:-60px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--main-color);cursor:pointer;}
.join-tc-box .md-close img{width:28px;}
.his_tc .l_r_img{position:absolute;top:0;left:0;width:42%;height:100%;border-radius:16px;border-top-right-radius:0;border-bottom-right-radius:0;overflow:hidden;}
.his_tc .pic{overflow:hidden;padding-bottom:100%;}
.his_tc .l_r_img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;-moz-transition:all 1s linear 0s;-ms-transition:all 1s linear 0s;-o-transition:all 1s ease-in-out;}
.his_tc .member_eject{float:right;width:58%;padding:48px;}
.his_tc .his-top .t{color:var(--main-color);font-weight:700;line-height:1.2;margin-bottom:24px;}
.his_tc .his-des{height:224px;overflow-y:auto;}
.his_tc .his-des p{color:#333;font-size:18px;font-weight:400;line-height:32px;}
.his_tc .more{margin-top:20px;display:inline-block;}
.his_tc .more a{display:flex;align-items:center;justify-content:center;padding:16px 22px 16px 30px;border-radius:30px;background:#F5F7FA;font-size:16px;font-weight:400;line-height:28px;}
.his_tc .more a svg{margin-left:8px;}
.his_tc .more a:hover{background-color:var(--main-color);color:#fff;}
.his_tc .more a:hover svg path{stroke:#fff;}
.his_tc.show{z-index:10000;opacity:1;}
.his_tc.show .join-tc-box{opacity:1;transform:translate(-50%,-50%) translateY(0px);}
@media (max-width:1580px){
    .technology_left{margin-right:140px;}
    .technology_bj{width:590px;height:590px;}
    .ab1left{width:80px;height:80px;}
}
@media (max-width:1366px){
    .technology_left{margin-right:100px;}
    .technology_bj{width:520px;height:520px;}
    .ab1left{width:60px;height:60px;}
    .ab1right{white-space:nowrap;}
}
@media (max-width:1280px){
    .technology_right{padding-right:100px;}
    .technology_bj{width:480px;height:480px;}
}
@media (max-width:1024px){
    .main{height:auto;}
    .technology_box{display:block;}
    .technology_left{margin-right:0;}
    .technology_right{padding-right:0;}
    .technology_bj{margin:0 auto;}
}
@media (max-width:767px){
    .main{padding-top:80px;padding-bottom:60px;margin-top: 80px}
    .activitys_gos{width:150px;height:50px;border-radius:26px;justify-content: space-between;padding: 6px;padding-left: 16px}
    .activitys_size {
        margin-left: 0;
    }
    .activitys_goicon > img{margin-left:16px;width:38px;height:38px;}
    .technology_right{margin-top:50px;}
    .technology_bj{width:70%;height:auto;padding:30px;}
    .technology_bj .div{position:relative;width:100%;height:100%;overflow:hidden;}
    .technology_shui{max-width:100%;}
    .ab1left{width:30px;height:30px;}
    .ab1left svg{width:12px;height:12px;}
    .ab1left{margin-right:6px;}
    .ab1right{font-size:16px;font-weight:500;}
    .ab3 .ab1left{margin-left:6px;}
    .ab2 .ab1left{margin-left:6px;}
    .ab1{right:-16%;}
    .technology_lefttitlexq p{font-size:16px;line-height:26px;margin-bottom:40px;}
    .join-tc-box .k{height:inherit;overflow-y:auto;border-radius:16px;}
    .his_tc .member_eject{padding:30px 20px;width:100%;}
    .his_tc .l_r_img{position:relative;width:100%;height:auto;}
    .his_tc .pic{overflow:hidden;padding-bottom:0;}
    .his_tc .his-des{height:auto;}
    .his_tc .l_r_img{border-radius:0;}
    .his_tc .l_r_img img{position:relative;}
    .his_tc .his-des p{font-size:16px;line-height:26px;}
}